
.special-work-container {
	background: #f5f5f5;
	padding-bottom: 100rpx;
	.special-work__header {
		height: 160rpx;
		background: #a14430;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #ffffff;
	}
	.special-work__title {
		font-size: 36rpx;
		font-weight: bold;
		margin-bottom: 10rpx;
	}
	.special-work__code {
		font-size: 28rpx;
	}
	.special-work__tabs {
		color: #999999;
		height: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		.special-work__tab-item {
			margin-right: 55rpx;
			height: 60rpx;
			line-height: 40rpx;
			font-size: 30rpx;
			position: relative;
			&.active {
				color: #454a5e;
				&::after {
					content: '';
					position: absolute;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					width: 30px;
					height: 6px;
					background: #454a5e;
				}
			}
			&:last-child {
				margin-right: 0;
			}
		}
	}
	.special-work-list__group {
		padding-left: 30rpx;
		margin-bottom: 20rpx;
		background: #fff;
		.special-work-list__item {
			padding: 24rpx 20rpx 24rpx 0;
			border-bottom: 1rpx solid #d5d7e3;
			display: flex;
			line-height: 40rpx;
			.special-work-list__label {
				color: #333;
				flex-shrink: 0;
			}
			.special-work-list__value {
				color: #666;
			}
			&.flex-col {
				flex-direction: column;
				.special-work-list__label {
					margin-bottom: 20rpx;
				}
			}
		}
	}
	.special-work__img {
		width: 200rpx;
		height: 100rpx;
		display: inline-block;
		margin-right: 24rpx;
	}
}

.flex-table {
	border-top: 1rpx #ebeef5 solid;
	border-left: 1rpx #ebeef5 solid;
	background-color: #fff;
	text-align: left;
	.flex-auto {
		position: relative;
		flex: 1;
		align-self: stretch;
	}
	.flex-table__tr {
		border-bottom: 1rpx #ebeef5 solid;
		display: flex;
		flex-direction: row;
		.flex-table__td, .flex-table__th {
			padding: 20rpx 12rpx;
			flex-shrink: 0;
			position: relative;
			&::after{
				content: '';
				position: absolute;
				z-index: 2;
				top: 0px;
				bottom: 0px;
				right: 0;
				width: 1rpx;
				background: #ebeef5;
			}
		}
	}
	.text-center {
		text-align: center;
	}
	.align-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
